<template>
  <div>

    <nuxt-link :to="item.link" class="navItem el-menu-item" tag="li" v-for="item in navs" :key="item.id">
      <i class="el-icon-menu"></i>
      {{item.name}}
    </nuxt-link>
  </div>
</template>
<script>
export default {
  data() {
    return {
      navs: [
        { name: "首页", link: "/admin" },
        { name: "发布", link: "/admin/add" },
        { name: "文章管理", link: "/admin/article" },
        { name: "评论管理", link: "/admin/commont" },
      ],
    };
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>
<style scoped>
.el-menu {
  border-right: none;
}
.nuxt-link-exact-active {
  background: #3d82b9;
  color: #fff !important;
}
</style>
